﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>@ViewData["Title"] - 主页</title>
    <link rel="stylesheet" type="text/css" href="/component/pear/css/pear.css" />
    <link rel="stylesheet" type="text/css" href="/admin/css/admin.css" />
    <link rel="stylesheet" type="text/css" href="/admin/css/admin.dark.css" />
    <link rel="stylesheet" type="text/css" href="/admin/css/variables.css" />
    <link rel="stylesheet" type="text/css" href="/admin/css/reset.css" />
    <style type="text/css">
        body, html {height: 100%; }
        .container { display: flex; height: 100vh; }
        .left { width: 240px; height: 100%; background: #fff; }
        .aside { width: 8px; height: 100%; background: #efefef; cursor: col-resize; }
        .right { flex: 1; background: #fff; overflow: hidden; height: 100%; }

        /* tree */
        .layui-tree-set { padding: 0 0 6px 0; }
        .layui-tree-selected { background-color: #f0f0f0; border-right: solid 2px #ccc }
     </style>
    @RenderSection("style", required: false)
</head>
<body class="layui-layout-body pear-admin">
    <div id="app" class="pear-container container">
        <div class="left">
            <div style="position:relative">
                @RenderSection("Left", required: false)
            </div>
        </div>
        <div class="aside"></div>
        <div class="right">
            <div style="position:relative">
                @RenderSection("Main", required: false)
            </div>
        </div>
    </div>
    <script type="text/javascript" src="/component/libs/vue.min.js"></script>
    <script type="text/javascript" src="/component/layui/layui.js"></script>
    <script type="text/javascript" src="/component/pear/dragBox.js"></script>
    <script type="text/javascript" src="/component/pear/pear.js?t=@DateTimeOffset.Now.ToUnixTimeSeconds()"></script>
    @RenderSection("scripts", required: false)
</body>
</html>